<!DOCTYPE html>
<!-- saved from url=(0036)http://yth.0101data.cn/course/create -->
<html style="min-height: 1088px;">
	<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>课程详情</title>
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<link rel="shortcut icon" href="http://yth.0101data.cn/img/favicon.ico">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

		<link href="./02-3课程详情_files/site.completed.min.css" rel="stylesheet">
		<link href="./02-3课程详情_files/bootstrap-datetimepicker.css" rel="stylesheet">
		<link href="./02-3课程详情_files/toastr.min.css" rel="stylesheet">
		<link href="./02-3课程详情_files/select2.min.css" rel="stylesheet">
		<link href="./02-3课程详情_files/cbvm.app.css" rel="stylesheet">

		

		<!--end page level css-->
		<!-- global js -->
		<script src="./02-3课程详情_files/site.completed.min.js.下载"></script>
		<style type="text/css">
			.jp-card.jp-card-safari.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-safari.jp-card-identified .jp-card-back:before {
				background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
				background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
			}
			
			.jp-card.jp-card-ie-10.jp-card-flipped,
			.jp-card.jp-card-ie-11.jp-card-flipped {
				-webkit-transform: 0deg;
				-moz-transform: 0deg;
				-ms-transform: 0deg;
				-o-transform: 0deg;
				transform: 0deg;
			}
			
			.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front,
			.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front {
				-webkit-transform: rotateY(0deg);
				-moz-transform: rotateY(0deg);
				-ms-transform: rotateY(0deg);
				-o-transform: rotateY(0deg);
				transform: rotateY(0deg);
			}
			
			.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back,
			.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back {
				-webkit-transform: rotateY(0deg);
				-moz-transform: rotateY(0deg);
				-ms-transform: rotateY(0deg);
				-o-transform: rotateY(0deg);
				transform: rotateY(0deg);
			}
			
			.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after,
			.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after {
				left: 18%;
			}
			
			.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc,
			.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				-o-transform: rotateY(180deg);
				transform: rotateY(180deg);
				left: 5%;
			}
			
			.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny,
			.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny {
				left: 84%;
			}
			
			.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after,
			.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after {
				left: -480%;
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				-o-transform: rotateY(180deg);
				transform: rotateY(180deg);
			}
			
			.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back,
			.jp-card.jp-card-ie-11.jp-card-amex .jp-card-back {
				display: none;
			}
			
			.jp-card-logo {
				height: 36px;
				width: 60px;
				font-style: italic;
			}
			
			.jp-card-logo,
			.jp-card-logo:before,
			.jp-card-logo:after {
				box-sizing: border-box;
			}
			
			.jp-card-logo.jp-card-amex {
				text-transform: uppercase;
				font-size: 4px;
				font-weight: bold;
				color: white;
				background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
				background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
				border: 1px solid #EEE;
			}
			
			.jp-card-logo.jp-card-amex:before,
			.jp-card-logo.jp-card-amex:after {
				width: 28px;
				display: block;
				position: absolute;
				left: 16px;
			}
			
			.jp-card-logo.jp-card-amex:before {
				height: 28px;
				content: "american";
				top: 3px;
				text-align: left;
				padding-left: 2px;
				padding-top: 11px;
				background: #267AC3;
			}
			
			.jp-card-logo.jp-card-amex:after {
				content: "express";
				bottom: 11px;
				text-align: right;
				padding-right: 2px;
			}
			
			.jp-card.jp-card-amex.jp-card-flipped {
				-webkit-transform: none;
				-moz-transform: none;
				-ms-transform: none;
				-o-transform: none;
				transform: none;
			}
			
			.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-amex.jp-card-identified .jp-card-back:before {
				background-color: #108168;
			}
			
			.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex {
				opacity: 1;
			}
			
			.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc {
				visibility: visible;
			}
			
			.jp-card.jp-card-amex.jp-card-identified .jp-card-front:after {
				opacity: 1;
			}
			
			.jp-card-logo.jp-card-discover {
				background: #FF6600;
				color: #111;
				text-transform: uppercase;
				font-style: normal;
				font-weight: bold;
				font-size: 10px;
				text-align: center;
				overflow: hidden;
				z-index: 1;
				padding-top: 9px;
				letter-spacing: .03em;
				border: 1px solid #EEE;
			}
			
			.jp-card-logo.jp-card-discover:before,
			.jp-card-logo.jp-card-discover:after {
				content: " ";
				display: block;
				position: absolute;
			}
			
			.jp-card-logo.jp-card-discover:before {
				background: white;
				width: 200px;
				height: 200px;
				border-radius: 200px;
				bottom: -5%;
				right: -80%;
				z-index: -1;
			}
			
			.jp-card-logo.jp-card-discover:after {
				width: 8px;
				height: 8px;
				border-radius: 4px;
				top: 10px;
				left: 27px;
				background-color: #FF6600;
				background-image: -webkit-radial-gradient(#FF6600, #fff);
				background-image: radial-gradient( #FF6600, #fff);
				content: "network";
				font-size: 4px;
				line-height: 24px;
				text-indent: -7px;
			}
			
			.jp-card .jp-card-front .jp-card-logo.jp-card-discover {
				right: 12%;
				top: 18%;
			}
			
			.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-discover.jp-card-identified .jp-card-back:before {
				background-color: #86B8CF;
			}
			
			.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover {
				opacity: 1;
			}
			
			.jp-card.jp-card-discover.jp-card-identified .jp-card-front:after {
				-webkit-transition: 400ms;
				-moz-transition: 400ms;
				transition: 400ms;
				content: " ";
				display: block;
				background-color: #FF6600;
				background-image: -webkit-linear-gradient(#FF6600, #ffa366, #FF6600);
				background-image: linear-gradient(#FF6600, #ffa366, #FF6600);
				height: 50px;
				width: 50px;
				border-radius: 25px;
				position: absolute;
				left: 100%;
				top: 15%;
				margin-left: -25px;
				box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
			}
			
			.jp-card-logo.jp-card-visa {
				background: white;
				text-transform: uppercase;
				color: #1A1876;
				text-align: center;
				font-weight: bold;
				font-size: 15px;
				line-height: 18px;
			}
			
			.jp-card-logo.jp-card-visa:before,
			.jp-card-logo.jp-card-visa:after {
				content: " ";
				display: block;
				width: 100%;
				height: 25%;
			}
			
			.jp-card-logo.jp-card-visa:before {
				background: #1A1876;
			}
			
			.jp-card-logo.jp-card-visa:after {
				background: #E79800;
			}
			
			.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {
				background-color: #191278;
			}
			
			.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa {
				opacity: 1;
			}
			
			.jp-card-logo.jp-card-mastercard {
				color: white;
				font-weight: bold;
				text-align: center;
				font-size: 9px;
				line-height: 36px;
				z-index: 1;
				text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
			}
			
			.jp-card-logo.jp-card-mastercard:before,
			.jp-card-logo.jp-card-mastercard:after {
				content: " ";
				display: block;
				width: 36px;
				top: 0;
				position: absolute;
				height: 36px;
				border-radius: 18px;
			}
			
			.jp-card-logo.jp-card-mastercard:before {
				left: 0;
				background: #FF0000;
				z-index: -1;
			}
			
			.jp-card-logo.jp-card-mastercard:after {
				right: 0;
				background: #FFAB00;
				z-index: -2;
			}
			
			.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard,
			.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard {
				box-shadow: none;
			}
			
			.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before {
				background-color: #0061A8;
			}
			
			.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard {
				opacity: 1;
			}
			
			.jp-card-logo.jp-card-maestro {
				color: white;
				font-weight: bold;
				text-align: center;
				font-size: 14px;
				line-height: 36px;
				z-index: 1;
				text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
			}
			
			.jp-card-logo.jp-card-maestro:before,
			.jp-card-logo.jp-card-maestro:after {
				content: " ";
				display: block;
				width: 36px;
				top: 0;
				position: absolute;
				height: 36px;
				border-radius: 18px;
			}
			
			.jp-card-logo.jp-card-maestro:before {
				left: 0;
				background: #0064CB;
				z-index: -1;
			}
			
			.jp-card-logo.jp-card-maestro:after {
				right: 0;
				background: #CC0000;
				z-index: -2;
			}
			
			.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro,
			.jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro {
				box-shadow: none;
			}
			
			.jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before {
				background-color: #0B2C5F;
			}
			
			.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro {
				opacity: 1;
			}
			
			.jp-card-logo.jp-card-dankort {
				width: 60px;
				height: 36px;
				padding: 3px;
				border-radius: 8px;
				border: #000000 1px solid;
				background-color: #FFFFFF;
			}
			
			.jp-card-logo.jp-card-dankort .dk {
				position: relative;
				width: 100%;
				height: 100%;
				overflow: hidden;
			}
			
			.jp-card-logo.jp-card-dankort .dk:before {
				background-color: #ED1C24;
				content: '';
				position: absolute;
				width: 100%;
				height: 100%;
				display: block;
				border-radius: 6px;
			}
			
			.jp-card-logo.jp-card-dankort .dk:after {
				content: '';
				position: absolute;
				top: 50%;
				margin-top: -7.7px;
				right: 0;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 7px 7px 10px 0;
				border-color: transparent #ED1C24 transparent transparent;
				z-index: 1;
			}
			
			.jp-card-logo.jp-card-dankort .d,
			.jp-card-logo.jp-card-dankort .k {
				position: absolute;
				top: 50%;
				width: 50%;
				display: block;
				height: 15.4px;
				margin-top: -7.7px;
				background: white;
			}
			
			.jp-card-logo.jp-card-dankort .d {
				left: 0;
				border-radius: 0 8px 10px 0;
			}
			
			.jp-card-logo.jp-card-dankort .d:before {
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				display: block;
				background: #ED1C24;
				border-radius: 2px 4px 6px 0px;
				height: 5px;
				width: 7px;
				margin: -3px 0 0 -4px;
			}
			
			.jp-card-logo.jp-card-dankort .k {
				right: 0;
			}
			
			.jp-card-logo.jp-card-dankort .k:before,
			.jp-card-logo.jp-card-dankort .k:after {
				content: '';
				position: absolute;
				right: 50%;
				width: 0;
				height: 0;
				border-style: solid;
				margin-right: -1px;
			}
			
			.jp-card-logo.jp-card-dankort .k:before {
				top: 0;
				border-width: 8px 5px 0 0;
				border-color: #ED1C24 transparent transparent transparent;
			}
			
			.jp-card-logo.jp-card-dankort .k:after {
				bottom: 0;
				border-width: 0 5px 8px 0;
				border-color: transparent transparent #ED1C24 transparent;
			}
			
			.jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before {
				background-color: #0055C7;
			}
			
			.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort {
				opacity: 1;
			}
			
			.jp-card-logo.jp-card-elo {
				height: 50px;
				width: 50px;
				border-radius: 100%;
				background: black;
				color: white;
				text-align: center;
				text-transform: lowercase;
				font-size: 21px;
				font-style: normal;
				letter-spacing: 1px;
				font-weight: bold;
				padding-top: 13px;
			}
			
			.jp-card-logo.jp-card-elo .e,
			.jp-card-logo.jp-card-elo .l,
			.jp-card-logo.jp-card-elo .o {
				display: inline-block;
				position: relative;
			}
			
			.jp-card-logo.jp-card-elo .e {
				-webkit-transform: rotate(-15deg);
				-moz-transform: rotate(-15deg);
				-ms-transform: rotate(-15deg);
				-o-transform: rotate(-15deg);
				transform: rotate(-15deg);
			}
			
			.jp-card-logo.jp-card-elo .o {
				position: relative;
				display: inline-block;
				width: 12px;
				height: 12px;
				right: 0;
				top: 7px;
				border-radius: 100%;
				background-image: -webkit-linear-gradient( yellow 50%, red 50%);
				background-image: linear-gradient( yellow 50%, red 50%);
				-webkit-transform: rotate(40deg);
				-moz-transform: rotate(40deg);
				-ms-transform: rotate(40deg);
				-o-transform: rotate(40deg);
				transform: rotate(40deg);
				text-indent: -9999px;
			}
			
			.jp-card-logo.jp-card-elo .o:before {
				content: "";
				position: absolute;
				width: 49%;
				height: 49%;
				background: black;
				border-radius: 100%;
				text-indent: -99999px;
				top: 25%;
				left: 25%;
			}
			
			.jp-card.jp-card-elo.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-elo.jp-card-identified .jp-card-back:before {
				background-color: #6F6969;
			}
			
			.jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo {
				opacity: 1;
			}
			
			.jp-card-container {
				-webkit-perspective: 1000px;
				-moz-perspective: 1000px;
				perspective: 1000px;
				width: 350px;
				max-width: 100%;
				height: 200px;
				margin: auto;
				z-index: 1;
				position: relative;
			}
			
			.jp-card {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				line-height: 1;
				position: relative;
				width: 100%;
				height: 100%;
				min-width: 315px;
				border-radius: 10px;
				-webkit-transform-style: preserve-3d;
				-moz-transform-style: preserve-3d;
				-ms-transform-style: preserve-3d;
				-o-transform-style: preserve-3d;
				transform-style: preserve-3d;
				-webkit-transition: all 400ms linear;
				-moz-transition: all 400ms linear;
				transition: all 400ms linear;
			}
			
			.jp-card>*,
			.jp-card>*:before,
			.jp-card>*:after {
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				font-family: inherit;
			}
			
			.jp-card.jp-card-flipped {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				-o-transform: rotateY(180deg);
				transform: rotateY(180deg);
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
			}
			
			.jp-card .jp-card-front,
			.jp-card .jp-card-back {
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
				-webkit-transform-style: preserve-3d;
				-moz-transform-style: preserve-3d;
				-ms-transform-style: preserve-3d;
				-o-transform-style: preserve-3d;
				transform-style: preserve-3d;
				-webkit-transition: all 400ms linear;
				-moz-transition: all 400ms linear;
				transition: all 400ms linear;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				overflow: hidden;
				border-radius: 10px;
				background: #DDD;
			}
			
			.jp-card .jp-card-front:before,
			.jp-card .jp-card-back:before {
				content: " ";
				display: block;
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				opacity: 0;
				border-radius: 10px;
				-webkit-transition: all 400ms ease;
				-moz-transition: all 400ms ease;
				transition: all 400ms ease;
			}
			
			.jp-card .jp-card-front:after,
			.jp-card .jp-card-back:after {
				content: " ";
				display: block;
			}
			
			.jp-card .jp-card-front .jp-card-display,
			.jp-card .jp-card-back .jp-card-display {
				color: white;
				font-weight: normal;
				opacity: 0.5;
				-webkit-transition: opacity 400ms linear;
				-moz-transition: opacity 400ms linear;
				transition: opacity 400ms linear;
			}
			
			.jp-card .jp-card-front .jp-card-display.jp-card-focused,
			.jp-card .jp-card-back .jp-card-display.jp-card-focused {
				opacity: 1;
				font-weight: 700;
			}
			
			.jp-card .jp-card-front .jp-card-cvc,
			.jp-card .jp-card-back .jp-card-cvc {
				font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
				font-size: 14px;
			}
			
			.jp-card .jp-card-front .jp-card-shiny,
			.jp-card .jp-card-back .jp-card-shiny {
				width: 50px;
				height: 35px;
				border-radius: 5px;
				background: #CCC;
				position: relative;
			}
			
			.jp-card .jp-card-front .jp-card-shiny:before,
			.jp-card .jp-card-back .jp-card-shiny:before {
				content: " ";
				display: block;
				width: 70%;
				height: 60%;
				border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;
				background: #d9d9d9;
				position: absolute;
				top: 20%;
			}
			
			.jp-card .jp-card-front .jp-card-logo {
				position: absolute;
				opacity: 0;
				right: 5%;
				top: 8%;
				-webkit-transition: 400ms;
				-moz-transition: 400ms;
				transition: 400ms;
			}
			
			.jp-card .jp-card-front .jp-card-lower {
				width: 80%;
				position: absolute;
				left: 10%;
				bottom: 30px;
			}
			
			@media only screen and (max-width: 480px) {
				.jp-card .jp-card-front .jp-card-lower {
					width: 90%;
					left: 5%;
				}
			}
			
			.jp-card .jp-card-front .jp-card-lower .jp-card-cvc {
				visibility: hidden;
				float: right;
				position: relative;
				bottom: 5px;
			}
			
			.jp-card .jp-card-front .jp-card-lower .jp-card-number {
				font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
				font-size: 24px;
				clear: both;
				margin-bottom: 30px;
			}
			
			.jp-card .jp-card-front .jp-card-lower .jp-card-expiry {
				font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
				letter-spacing: 0em;
				position: relative;
				float: right;
				width: 25%;
			}
			
			.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before,
			.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-weight: bold;
				font-size: 7px;
				white-space: pre;
				display: block;
				opacity: .5;
			}
			
			.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before {
				content: attr(data-before);
				margin-bottom: 2px;
				font-size: 7px;
				text-transform: uppercase;
			}
			
			.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
				position: absolute;
				content: attr(data-after);
				text-align: right;
				right: 100%;
				margin-right: 5px;
				margin-top: 2px;
				bottom: 0;
			}
			
			.jp-card .jp-card-front .jp-card-lower .jp-card-name {
				text-transform: uppercase;
				font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
				font-size: 20px;
				max-height: 45px;
				position: absolute;
				bottom: 0;
				width: 190px;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: horizontal;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			
			.jp-card .jp-card-back {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				-o-transform: rotateY(180deg);
				transform: rotateY(180deg);
			}
			
			.jp-card .jp-card-back .jp-card-bar {
				background-color: #444;
				background-image: -webkit-linear-gradient(#444, #333);
				background-image: linear-gradient(#444, #333);
				width: 100%;
				height: 20%;
				position: absolute;
				top: 10%;
			}
			
			.jp-card .jp-card-back:after {
				content: " ";
				display: block;
				background-color: #FFF;
				background-image: -webkit-linear-gradient(#FFF, #FFF);
				background-image: linear-gradient(#FFF, #FFF);
				width: 80%;
				height: 16%;
				position: absolute;
				top: 40%;
				left: 2%;
			}
			
			.jp-card .jp-card-back .jp-card-cvc {
				position: absolute;
				top: 40%;
				left: 85%;
				-webkit-transition-delay: 600ms;
				-moz-transition-delay: 600ms;
				transition-delay: 600ms;
			}
			
			.jp-card .jp-card-back .jp-card-shiny {
				position: absolute;
				top: 66%;
				left: 2%;
			}
			
			.jp-card .jp-card-back .jp-card-shiny:after {
				content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free.AIt comes with no warranty.A  For support issues, please visit: github.com/jessepollak/card.";
				position: absolute;
				left: 120%;
				top: 5%;
				color: white;
				font-size: 7px;
				width: 230px;
				opacity: .5;
			}
			
			.jp-card.jp-card-identified {
				box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
			}
			
			.jp-card.jp-card-identified .jp-card-front,
			.jp-card.jp-card-identified .jp-card-back {
				background-color: #000;
				background-color: rgba(0, 0, 0, 0.5);
			}
			
			.jp-card.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-identified .jp-card-back:before {
				-webkit-transition: all 400ms ease;
				-moz-transition: all 400ms ease;
				transition: all 400ms ease;
				background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
				background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
				opacity: 1;
			}
			
			.jp-card.jp-card-identified .jp-card-front .jp-card-logo,
			.jp-card.jp-card-identified .jp-card-back .jp-card-logo {
				box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
			}
			
			.jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before,
			.jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before {
				background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
				background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
			}
		</style>
		<script src="./02-3课程详情_files/bootstrap-datetimepicker.js.下载"></script>
		<script src="./02-3课程详情_files/bootstrap-datetimepicker.zh-CN.js.下载"></script>
		<script src="./02-3课程详情_files/select2.min.js.下载"></script>
		<script src="./02-3课程详情_files/toastr.js.下载"></script>
		<script src="./02-3课程详情_files/cbvm.app.js.下载"></script>
		
		<!-- 我自己的样式 -->
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<link href="newStyle.css" rel="stylesheet">
	</head>

	<!-- 模块拼接js -->
	<script type="text/javascript">
		$(document).ready(function() {
			$('.header').load("header.html");
		})
	</script>

	<body class="skin-default fixed-menu" style="min-height: 1088px; padding-top: 51px;">
		<div class="preloader" style="display: none;">
			<div class="loader_img"><img src="./02-3课程详情_files/loader.gif" alt="loading..." height="64" width="64" style="display: none;"></div>
		</div>
		<!-- 外部头部拼接 -->
		<div class="header" style="width: 100%;height: 60px;"></div>
		<!-- header logo: style can be found in header-->
		<!-- <header class="header">
    <nav class="navbar navbar-fixed-top" role="navigation">
        <a href="http://yth.0101data.cn/course/create#" class="logo"> -->
		<!-- Add the class icon to your logo image or logo icon to add the margining -->
		<!-- <h3 style="margin-top: 10px; color: #fff;">一体化教学管理平台</h3>
        </a> -->
		<!-- Header Navbar: style can be found in header-->
		<!-- Sidebar toggle button-->
		<!-- Sidebar toggle button-->
		<!-- <div>
            <a href="http://yth.0101data.cn/course/create#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button"> <i class="fa fa-fw ti-menu"></i>
            </a>
        </div>
        <div class="navbar-right">
            <ul class="nav navbar-nav"> -->

		<!--rightside toggle-->
		<!-- User Account: style can be found in dropdown-->
		<!-- <li class="dropdown user user-menu">
    <a href="http://yth.0101data.cn/course/create#" class="dropdown-toggle padding-user" data-toggle="dropdown" title="用户名: 18850586025">
        <div class="riot">
            <div>
                欢迎, 霍 开课人                <span>
                   <i class="caret"></i>
                </span>
            </div>
        </div>
    </a>
    <ul class="dropdown-menu"> -->
		<!-- User image -->
		<!-- <li class="user-header" style="height: 48px;">
            <p> 霍</p>
        </li> -->
		<!-- Menu Body -->
		<!-- <li class="p-t-3">
            <a href="http://yth.0101data.cn/user/detail">
                <i class="fa fa-fw ti-user"></i> 我的基本信息
            </a>
        </li>
        <li role="presentation" class="divider"></li> -->
		<!-- Menu Footer-->
		<!-- <li class="user-footer">
            <div class="pull-left">
                <a href="http://yth.0101data.cn/changepassword">
                    <i class="fa fa-fw ti-lock"></i>
                    修改密码
                </a>
            </div>
            <div class="pull-right">
                <a href="http://yth.0101data.cn/logout">
                    <i class="fa fa-fw ti-shift-right"></i>
                    退出
                </a>
            </div>
        </li>
    </ul>
</li>
</ul>        </div>
    </nav>
</header> -->
		<div class="wrapper row-offcanvas row-offcanvas-left" style="min-height: 989px;">
			<!-- Left side column. contains the logo and sidebar -->
			<!-- <aside class="left-side sidebar-offcanvas" style="min-height: 1088px;"> -->
			<!-- sidebar: style can be found in sidebar-->
			<!-- <section class="sidebar affix">
            <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 100vh;"><div class="left_slim" style="overflow: hidden; width: auto; height: 100vh;">
    <div id="menu" class="menu_align" role="navigation">
        <div class="nav_profile">
    <div class="media profile-left">
        <a class="pull-left profile-thumb" href="http://yth.0101data.cn/course/create#">
            <h4><strong>一体化教学管理平台</strong></h4>
                            <i style="padding-left: 60px; color: #00adee;">学员管理后台</i>
                    </a>
    </div>
</div>        <ul class="navigation">
            <li class="">
                <a href="http://yth.0101data.cn/user/detail">
                    <i class="menu-icon ti-user"></i>
                    <span class="mm-text ">我的基本信息</span>
                </a>
            </li>
            <li class="">
                <a href="http://yth.0101data.cn/index">
                    <i class="menu-icon ti-desktop"></i>
                    <span class="mm-text ">我的面板</span>
                </a>
            </li>
            <li class="menu-dropdown  active">
                <a href="http://yth.0101data.cn/course">
                    <i class="menu-icon fa fa-building-o"></i>
                    <span>课程管理</span>
                </a>
            </li>
            <li class=" ">
                <a href="http://yth.0101data.cn/changepassword">
                    <i class="menu-icon ti-key"></i>
                    <span class="mm-text ">密码管理</span>
                </a>
            </li>
            <li class=" ">
                <a href="http://yth.0101data.cn/logout">
                    <i class="menu-icon ti-shift-right"></i>
                    <span class="mm-text ">退出</span>
                </a>
            </li>
        </ul> -->
			<!-- / .navigation -->
			<!-- </div> -->
			<!-- menu -->
			<!-- </div><div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 5px; position: absolute; top: 0px; opacity: 0.2; display: none; border-radius: 0px; z-index: 99; right: 1px; height: 940px;"></div><div class="slimScrollRail" style="width: 5px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 0px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div></div>        
</section> -->
			<!-- /.sidebar -->
			<!-- </aside> -->
			<aside class="content-cen fixednav_right">
				<!--描述：修改了面包屑样式 -->
				<section class="content-header-new">
					<ol class="breadcrumb-new" style="background-color:#f0f2f5">
						<li class="active">
							<a href="http://yth.0101data.cn/">
								<i class="fa fa-fw ti-home"></i>详情明细
							</a>
						</li>
					</ol>
				</section>
				<!--结束-->
				<!--<section class="content-header">
				    <h1>
				        课程明细页面
				    </h1>
				    <ol class="breadcrumb">
				        <li>
				            <a href="http://yth.0101data.cn/">
				                <i class="fa fa-fw ti-home"></i> 面板
				            </a>
				        </li>
				        <li>
				            <a href="http://yth.0101data.cn/course">课程管理</a>
				        </li>
				        <li>
				            明细页面
				        </li>
				    </ol>
				</section>-->
				<section class="content">
					<div class="panel ">
						<!--<div class="panel-heading">
							<h3 class="panel-title">
				                <i class="fa fa-fw ti-move"></i> 课程详情
				            </h3>
						</div>-->
						<div class="panel-body border">
							<form id="form-validation" method="post" enctype="multipart/form-data" class="form-horizontal form-bordered bv-form" novalidate="novalidate">
								<button type="submit" class="bv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
								<div class="row">
									<div class="form-group">
										<label class="col-sm-3 control-label" for="title">课程名称</label>
										<div class="col-sm-6">
											<input type="text" name="title" value="" class="form-control" placeholder="课程名称" data-bv-field="title">
											<small class="help-block" data-bv-validator="notEmpty" data-bv-for="title" data-bv-result="NOT_VALIDATED" style="display: none;">课程名称不能为空!</small></div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label">开始授课时间</label>
										<div class="col-sm-6">
											<div class="input-group date form_date" data-date="">
												<!--描述：时间使用form-control和form-control-date这个样式类 -->
												<input class="form-control form-control-date" name="startdate" type="text" value="" data-bv-field="startdate">
												<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											</div>
											<small class="help-block" data-bv-validator="date" data-bv-for="startdate" data-bv-result="NOT_VALIDATED" style="display: none;">时间格式必须为: 年-月-日!</small><small class="help-block" data-bv-validator="notEmpty" data-bv-for="startdate" data-bv-result="NOT_VALIDATED" style="display: none;">开始授课时间不能为空</small></div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label">结束授课时间</label>
										<div class="col-sm-6">
											<div class="input-group date form_date" data-date="">
												<!--描述：时间使用form-control和form-control-date这个样式类 -->
												<input class="form-control form-control-date" name="enddate" type="text" value="" data-bv-field="enddate">
												<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											</div>
											<small class="help-block" data-bv-validator="notEmpty" data-bv-for="enddate" data-bv-result="NOT_VALIDATED" style="display: none;">结束授课时间不能为空!</small></div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label" for="totalscore">总课时</label>
										<div class="col-sm-6">
											<input type="number" name="totalscore" min="1" value="" class="form-control" placeholder="总课时" data-bv-field="totalscore">
											<small class="help-block" data-bv-validator="notEmpty" data-bv-for="totalscore" data-bv-result="NOT_VALIDATED" style="display: none;">总课时不能为空!</small><small class="help-block" data-bv-validator="greaterThan" data-bv-for="totalscore" data-bv-result="NOT_VALIDATED" style="display: none;">Please enter a value greater than or equal to %s</small><small class="help-block" data-bv-validator="integer" data-bv-for="totalscore" data-bv-result="NOT_VALIDATED" style="display: none;">Please enter a valid number</small></div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label" for="supCompany">开课单位</label>
										<div class="col-sm-6">
											<input type="text" name="supCompany" value="" class="form-control" placeholder="开课单位">
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label" for="trainTarget">授课对象</label>
										<div class="col-sm-6">
											<input type="text" name="trainTarget" value="" class="form-control" placeholder="授课对象">
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label">课程描述</label>
										<div class="col-sm-6">
											<textarea name="description" rows="7" class="form-control" placeholder="课程描述" data-bv-field="description"></textarea>
											<small class="help-block" data-bv-validator="notEmpty" data-bv-for="description" data-bv-result="NOT_VALIDATED" style="display: none;">课程描述不能为空!</small></div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label" for="title">课程大纲</label>
										<div class="col-sm-6">
											<div class="file-input file-input-field">
												<div class="input-group file-caption-main">
													
													<div class="input-group-btn">
														<!--修改上传附件按钮的样式  删除btn btn-info，添加layui-btn和btn-file-new-->
														<div tabindex="500" class="layui-btn btn-file btn-file-new">
															<!--<i class="glyphicon glyphicon-folder-open"></i>&nbsp;-->
															<span class="hidden-xs">选择附件</span><input data-name="introducationattachment" name="introducationattachmentfile" class="file-uploader" type="file">
														</div>
													</div>
													<!--文件名显示放在按钮后，添加file-name 样式-->
													<div tabindex="500" class="form-control file-caption  kv-fileinput-caption file-name">
														<div class="file-caption-name" title=""></div>
														<input type="hidden" name="introducationattachment" value="">
													</div>
												</div>
											</div>
											<script type="text/javascript">
												$(function() {
													$("input[name='introducationattachmentfile']").change(function() {
														$("input[name='introducationattachment']").val("xxxxx");
														$("input[name='introducationattachment']").trigger("change");
													})
												})
											</script>
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label" for="title">进度安排</label>
										<div class="col-sm-6">
											<div class="file-input file-input-field">
												<div class="input-group file-caption-main">
													
													<div class="input-group-btn">
														<div tabindex="500" class="layui-btn btn-file btn-file-new">
															<!--<i class="glyphicon glyphicon-folder-open"></i>&nbsp;-->
															<span class="hidden-xs">选择附件</span><input data-name="scheduleattachment" name="scheduleattachmentfile" class="file-uploader" type="file">
														</div>
													</div>
													<div tabindex="500" class="form-control file-caption  kv-fileinput-caption file-name">
														<div class="file-caption-name" title=""></div>
														<input type="hidden" name="scheduleattachment" value="">
													</div>
												</div>
											</div>
											<script type="text/javascript">
												$(function() {
													$("input[name='scheduleattachmentfile']").change(function() {
														$("input[name='scheduleattachment']").val("xxxxx");
														$("input[name='scheduleattachment']").trigger("change");
													})
												})
											</script>
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label" for="title">课程ppt</label>
										<div class="col-sm-6">
											<div class="file-input file-input-field">
												<div class="input-group file-caption-main">
													
													<div class="input-group-btn">
														<div tabindex="500" class="layui-btn btn-file btn-file-new">
															<!--<i class="glyphicon glyphicon-folder-open"></i>&nbsp;-->
															<span class="hidden-xs">选择附件</span><input data-name="detailpptattachment" name="detailpptattachmentfile" class="file-uploader" type="file">
														</div>
													</div>
													<div tabindex="500" class="form-control file-caption  kv-fileinput-caption file-name">
														<div class="file-caption-name" title=""></div>
														<input type="hidden" name="detailpptattachment" value="">
													</div>
												</div>
											</div>
											<script type="text/javascript">
												$(function() {
													$("input[name='detailpptattachmentfile']").change(function() {
														$("input[name='detailpptattachment']").val("xxxxx");
														$("input[name='detailpptattachment']").trigger("change");
													})
												})
											</script>
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label" for="title">课程参考资料</label>
										<div class="col-sm-6">
											<div class="file-input file-input-field">
												<div class="input-group file-caption-main">
													<div class="input-group-btn">
														<div tabindex="500" class="layui-btn btn-file btn-file-new">
															<!--<i class="glyphicon glyphicon-folder-open"></i>&nbsp;-->
															<span class="hidden-xs">选择附件</span><input data-name="referenceattachment" name="referenceattachmentfile" class="file-uploader" type="file">
														</div>
													</div>
													<div tabindex="500" class="form-control file-caption  kv-fileinput-caption file-name">
														<div class="file-caption-name" title=""></div>
														<input type="hidden" name="referenceattachment" value="">
													</div>
													
												</div>
											</div>
											<script type="text/javascript">
												$(function() {
													$("input[name='referenceattachmentfile']").change(function() {
														$("input[name='referenceattachment']").val("xxxxx");
														$("input[name='referenceattachment']").trigger("change");
													})
												})
											</script>
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label" for="title">课程视频</label>
										<div class="col-sm-6">
											<div class="file-input file-input-field">
												<div class="input-group file-caption-main">
													
													<div class="input-group-btn">
														<div tabindex="500" class="layui-btn btn-file btn-file-new">
															<!--<i class="glyphicon glyphicon-folder-open"></i>&nbsp;-->
															<span class="hidden-xs">选择附件</span><input data-name="vedioattachment" name="vedioattachmentfile" class="file-uploader" type="file">
														</div>
													</div>
													<div tabindex="500" class="form-control file-caption  kv-fileinput-caption file-name">
														<div class="file-caption-name" title=""></div>
														<input type="hidden" name="vedioattachment" value="">
													</div>
												</div>
											</div>
											<script type="text/javascript">
												$(function() {
													$("input[name='vedioattachmentfile']").change(function() {
														$("input[name='vedioattachment']").val("xxxxx");
														$("input[name='vedioattachment']").trigger("change");
													})
												})
											</script>
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label" for="title">实验指导书</label>
										<div class="col-sm-6">
											<div class="file-input file-input-field">
												<div class="input-group file-caption-main">
													
													<div class="input-group-btn">
														<div tabindex="500" class="layui-btn btn-file btn-file-new">
															<!--<i class="glyphicon glyphicon-folder-open"></i>&nbsp;-->
															<span class="hidden-xs">选择附件</span><input data-name="instructionattachment" name="instructionattachmentfile" class="file-uploader" type="file">
														</div>
													</div>
													<div tabindex="500" class="form-control file-caption  kv-fileinput-caption file-name">
														<div class="file-caption-name" title=""></div>
														<input type="hidden" name="instructionattachment" value="">
													</div>
												</div>
											</div>
											<script type="text/javascript">
												$(function() {
													$("input[name='instructionattachmentfile']").change(function() {
														$("input[name='instructionattachment']").val("xxxxx");
														$("input[name='instructionattachment']").trigger("change");
													})
												})
											</script>
										</div>
									</div>
									<div class="form-group layui-form-item">
										<label class="col-sm-3 control-label"></label>
										<div class="col-sm-9">
											<label class="checkbox-inline" style="padding-left: 20px;">
                                <input type="checkbox" name="ispublished">
                                公开课程
                            </label>
										</div>
									</div>
									<div class="form-group form-actions">
										<div class="col-sm-9 col-sm-offset-3">
											<!--按钮使用layui 的按钮样式 删除btn btn-primary-->
											<button type="submit" class="layui-btn layui-btn-normal btn-effect-ripple btn-new">
				                                保存
				                            </button>
                           					 <!--按钮使用layui 的按钮样式 删除btn btn-default-->
											<a class="layui-btn btn-effect-ripple layui-btn-primary reset_btn4 btn-new" href="http://yth.0101data.cn/course">
												返回
											</a>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</section>
				<script type="application/javascript">
					  
					$(function() {
						var isalreadySubmit = false;
						$("button[type='submit']").click(function() {
							isalreadySubmit = true;
						});
						$('#form-validation').bootstrapValidator({
							fields: {
								title: {
									validators: {
										notEmpty: {
											message: '课程名称不能为空!'
										}
									}
								},
								startdate: {
									validators: {
										date: {
											format: 'YYYY-MM-DD',
											message: '时间格式必须为: 年-月-日!'
										},
										notEmpty: {
											message: '开始授课时间不能为空'
										}
									}
								},
								enddate: {
									validators: {
										notEmpty: {
											message: '结束授课时间不能为空!'
										}
									}
								},
								description: {
									validators: {
										notEmpty: {
											message: '课程描述不能为空!'
										}
									}
								},
								totalscore: {
									validators: {
										notEmpty: {
											message: '总课时不能为空!'
										}
									}
								}
							},
							submitHandler: function(validator, form, submitButton) {

							}
						}).on('reset', function(event) {
							$('#form-validation').data('bootstrapValidator').resetForm();
						});

						$('.form_date')
							.on('changeDate', function(e) {
								// Revalidate the date when user change it
								/*
								 */
								if(isalreadySubmit) {
									$input = $(e.currentTarget || e.target).find("input");
									$('#form-validation').bootstrapValidator('revalidateField', $input);
								}
							});
					})
				</script>
				<!--<div class="fixed-table-loading" style="top: 42px;" style="display: none;">加载中, 请耐心等待...</div>-->
			</aside>
			<!-- /.right-side -->
		</div>
		<!-- ./wrapper -->

		<script type="text/javascript" src="./02-3课程详情_files/pnotify.custom.min.js.下载"></script>
		<!-- end of page level js -->

		<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->
		<script type="application/javascript">
			$(function() {
				$("ul.navigation li a[href='/course']").parent("li").addClass("active");
			})
		</script>

		<div class="datetimepicker datetimepicker-dropdown-bottom-left dropdown-menu" style="left: 1265.25px; z-index: 100011; display: none; top: 297px;">
			<div class="datetimepicker-minutes" style="display: none;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">15 三月 2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="minute">15:00</span><span class="minute">15:05</span><span class="minute">15:10</span><span class="minute">15:15</span><span class="minute">15:20</span><span class="minute active">15:25</span><span class="minute">15:30</span><span class="minute">15:35</span><span class="minute">15:40</span><span class="minute">15:45</span><span class="minute">15:50</span><span class="minute">15:55</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-hours" style="display: none;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">15 三月 2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="hour">0:00</span><span class="hour">1:00</span><span class="hour">2:00</span><span class="hour">3:00</span><span class="hour">4:00</span><span class="hour">5:00</span><span class="hour">6:00</span><span class="hour">7:00</span><span class="hour">8:00</span><span class="hour">9:00</span><span class="hour">10:00</span><span class="hour">11:00</span><span class="hour">12:00</span><span class="hour">13:00</span><span class="hour">14:00</span><span class="hour active">15:00</span><span class="hour">16:00</span><span class="hour">17:00</span><span class="hour">18:00</span><span class="hour">19:00</span><span class="hour">20:00</span><span class="hour">21:00</span><span class="hour">22:00</span><span class="hour">23:00</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-days" style="display: block;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">三月 2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
						<tr>
							<th class="dow">一</th>
							<th class="dow">二</th>
							<th class="dow">三</th>
							<th class="dow">四</th>
							<th class="dow">五</th>
							<th class="dow">六</th>
							<th class="dow">日</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td class="day old">26</td>
							<td class="day old">27</td>
							<td class="day old">28</td>
							<td class="day">1</td>
							<td class="day">2</td>
							<td class="day">3</td>
							<td class="day">4</td>
						</tr>
						<tr>
							<td class="day">5</td>
							<td class="day">6</td>
							<td class="day">7</td>
							<td class="day">8</td>
							<td class="day">9</td>
							<td class="day">10</td>
							<td class="day">11</td>
						</tr>
						<tr>
							<td class="day">12</td>
							<td class="day">13</td>
							<td class="day">14</td>
							<td class="day today active">15</td>
							<td class="day">16</td>
							<td class="day">17</td>
							<td class="day">18</td>
						</tr>
						<tr>
							<td class="day">19</td>
							<td class="day">20</td>
							<td class="day">21</td>
							<td class="day">22</td>
							<td class="day">23</td>
							<td class="day">24</td>
							<td class="day">25</td>
						</tr>
						<tr>
							<td class="day">26</td>
							<td class="day">27</td>
							<td class="day">28</td>
							<td class="day">29</td>
							<td class="day">30</td>
							<td class="day">31</td>
							<td class="day new">1</td>
						</tr>
						<tr>
							<td class="day new">2</td>
							<td class="day new">3</td>
							<td class="day new">4</td>
							<td class="day new">5</td>
							<td class="day new">6</td>
							<td class="day new">7</td>
							<td class="day new">8</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-months" style="display: none;">
				<table class="table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="month">一月</span><span class="month">二月</span><span class="month active">三月</span><span class="month">四月</span><span class="month">五月</span><span class="month">六月</span><span class="month">七月</span><span class="month">八月</span><span class="month">九月</span><span class="month">十月</span><span class="month">十一月</span><span class="month">十二月</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-years" style="display: none;">
				<table class="table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">2010-2019</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="year ">2009</span><span class="year">2010</span><span class="year">2011</span><span class="year">2012</span><span class="year">2013</span><span class="year">2014</span><span class="year">2015</span><span class="year">2016</span><span class="year">2017</span><span class="year active">2018</span><span class="year">2019</span><span class="year ">2020</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
		</div>
		<div class="datetimepicker datetimepicker-dropdown-bottom-left dropdown-menu" style="left: 1265.25px; z-index: 100021; display: none; top: 346px;">
			<div class="datetimepicker-minutes" style="display: none;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">15 三月 2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="minute">15:00</span><span class="minute">15:05</span><span class="minute">15:10</span><span class="minute">15:15</span><span class="minute">15:20</span><span class="minute active">15:25</span><span class="minute">15:30</span><span class="minute">15:35</span><span class="minute">15:40</span><span class="minute">15:45</span><span class="minute">15:50</span><span class="minute">15:55</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-hours" style="display: none;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">15 三月 2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="hour">0:00</span><span class="hour">1:00</span><span class="hour">2:00</span><span class="hour">3:00</span><span class="hour">4:00</span><span class="hour">5:00</span><span class="hour">6:00</span><span class="hour">7:00</span><span class="hour">8:00</span><span class="hour">9:00</span><span class="hour">10:00</span><span class="hour">11:00</span><span class="hour">12:00</span><span class="hour">13:00</span><span class="hour">14:00</span><span class="hour active">15:00</span><span class="hour">16:00</span><span class="hour">17:00</span><span class="hour">18:00</span><span class="hour">19:00</span><span class="hour">20:00</span><span class="hour">21:00</span><span class="hour">22:00</span><span class="hour">23:00</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-days" style="display: block;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">三月 2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
						<tr>
							<th class="dow">一</th>
							<th class="dow">二</th>
							<th class="dow">三</th>
							<th class="dow">四</th>
							<th class="dow">五</th>
							<th class="dow">六</th>
							<th class="dow">日</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td class="day old">26</td>
							<td class="day old">27</td>
							<td class="day old">28</td>
							<td class="day">1</td>
							<td class="day">2</td>
							<td class="day">3</td>
							<td class="day">4</td>
						</tr>
						<tr>
							<td class="day">5</td>
							<td class="day">6</td>
							<td class="day">7</td>
							<td class="day">8</td>
							<td class="day">9</td>
							<td class="day">10</td>
							<td class="day">11</td>
						</tr>
						<tr>
							<td class="day">12</td>
							<td class="day">13</td>
							<td class="day">14</td>
							<td class="day today active">15</td>
							<td class="day">16</td>
							<td class="day">17</td>
							<td class="day">18</td>
						</tr>
						<tr>
							<td class="day">19</td>
							<td class="day">20</td>
							<td class="day">21</td>
							<td class="day">22</td>
							<td class="day">23</td>
							<td class="day">24</td>
							<td class="day">25</td>
						</tr>
						<tr>
							<td class="day">26</td>
							<td class="day">27</td>
							<td class="day">28</td>
							<td class="day">29</td>
							<td class="day">30</td>
							<td class="day">31</td>
							<td class="day new">1</td>
						</tr>
						<tr>
							<td class="day new">2</td>
							<td class="day new">3</td>
							<td class="day new">4</td>
							<td class="day new">5</td>
							<td class="day new">6</td>
							<td class="day new">7</td>
							<td class="day new">8</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-months" style="display: none;">
				<table class="table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="month">一月</span><span class="month">二月</span><span class="month active">三月</span><span class="month">四月</span><span class="month">五月</span><span class="month">六月</span><span class="month">七月</span><span class="month">八月</span><span class="month">九月</span><span class="month">十月</span><span class="month">十一月</span><span class="month">十二月</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-years" style="display: none;">
				<table class="table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">2010-2019</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="year ">2009</span><span class="year">2010</span><span class="year">2011</span><span class="year">2012</span><span class="year">2013</span><span class="year">2014</span><span class="year">2015</span><span class="year">2016</span><span class="year">2017</span><span class="year active">2018</span><span class="year">2019</span><span class="year ">2020</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
		</div>
		<div class="swal2-container">
			<div class="swal2-modal" style="display: none" tabindex="-1">
				<ul class="swal2-progresssteps"></ul>
				<div class="swal2-icon swal2-error"><span class="x-mark"><span class="line left"></span><span class="line right"></span></span>
				</div>
				<div class="swal2-icon swal2-question">?</div>
				<div class="swal2-icon swal2-warning">!</div>
				<div class="swal2-icon swal2-info">i</div>
				<div class="swal2-icon swal2-success"><span class="line tip"></span> <span class="line long"></span>
					<div class="placeholder"></div>
					<div class="fix"></div>
				</div><img class="swal2-image">
				<h2></h2>
				<div class="swal2-content"></div><input class="swal2-input"><input type="file" class="swal2-file">
				<div class="swal2-range"><output></output><input type="range"></div>
				<select class="swal2-select"></select>
				<div class="swal2-radio"></div><label for="swal2-checkbox" class="swal2-checkbox"><input type="checkbox"></label><textarea class="swal2-textarea"></textarea>
				<div class="swal2-validationerror"></div>
				<hr class="swal2-spacer"><button type="button" class="swal2-confirm">OK</button><button type="button" class="swal2-cancel">Cancel</button><span class="swal2-close">×</span></div>
		</div>
	</body>

</html>